﻿@{
    Layout = "~/Views/Shared/_WebLayout.cshtml";
}
<div class="container">
    <div class="grid-big">
        <div class="space xm4">
            <h3 class="padding-bottom border-bottom icon-caret-right"> 最新资讯</h3>
            <br />
            <ul class="list-text">

                <li><span class="date hidden-l">2014/10/27</span><a href="news/detail-13-11.html">跨屏响应式开源前端框架，使用最新...</a></li>

                <li><span class="date hidden-l">2014/10/27</span><a href="news/detail-14-12.html">实现一站响应所有设备，大大提高了...</a></li>

                <li><span class="date hidden-l">2014/10/27</span><a href="news/detail-15-13.html">让前端开发像玩游戏一样快乐而轻...</a></li>

                <li><span class="date hidden-l">2014/10/28</span><a href="news/detail-13-41.html">减少兼容性测试时间，提高开发效率</a></li>

                <li><span class="date hidden-l">2014/10/28</span><a href="news/detail-14-42.html">相对于国外的前端框架，拼图前端框...</a></li>

                <li><span class="date hidden-l">2014/10/28</span><a href="news/detail-15-43.html">图以移动设备为基点，优先适应于移...</a></li>

                <li><span class="date hidden-l">2014/10/28</span><a href="news/detail-13-44.html">可快速构架前端界面，实现跨屏响应...</a></li>

            </ul>
        </div>
        <div class="space xm5">
            <h3 class="padding-bottom border-bottom icon-caret-right"> 公司介绍</h3>

            <div class="media media-x">
                <a class="float-left hidden-l" href="about/detail-8-1.html"><img src="templates/images/about.jpg" class="radius" alt="..."></a>
                <div class="media-body height text-indent">拼图：国内优秀的HTML、CSS、JS跨屏响应式开源前端框架，使用最新浏览器技术，为快速的前端开发提供一系列的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包，占用资源小，使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面，让前端开发像玩游戏一样快乐而轻松。</div>
            </div>

        </div>
        <div class="space xm3">
            <h3 class="padding-bottom border-bottom icon-caret-right"> 客服服务</h3>
            <br />
            <ul class="list-unstyle height-big">
                <li class="icon-phone-square"> 电话：0755-6668 8868</li>
                <li class="icon-fax"> 传真：0755-6668 8868</li>
                <li class="icon-envelope"> 邮箱：117003@qq.com</li>
                <li class="icon-map-marker"> 地址：广东省深圳市南山区科苑路</li>
                <li class="iqq"><ul class='qq'><li><a target='_blank' href='http://wpa.qq.com/msgrd?V=3&amp;Uin=117003&amp;site=经济套餐-QQ&amp;menu=yes'><img alt='QQ' src='http://wpa.qq.com/pa?p=2:117003:41' align='texttop' /></a> <span>QQ</span></li></ul></li>
            </ul>
        </div>
    </div>
</div>
<br />

<!--推荐产品-->
<div class="container">
    <h2 class="padding-bottom border-bottom icon-caret-right"> 推荐产品</h2>
    <br /><br />
    <div class="line-big">

        <div class="xl6 xs4 xm20">
            <div class="media media-y clearfix">
                <a href="products/detail-30-14.html"><img src="upfiles/2014-10/201410613234255754.jpg" class="img-responsive border" alt="40英寸全高清LED液晶电视"></a>
                <div class="media-body">
                    <strong>40英寸全高清LED液晶电视</strong>
                </div>
            </div>
        </div>

        <div class="xl6 xs4 xm20">
            <div class="media media-y clearfix">
                <a href="products/detail-31-15.html"><img src="upfiles/2014-10/20141061436277062.jpg" class="img-responsive border" alt="欧莱雅葡萄籽保湿全明星3件套"></a>
                <div class="media-body">
                    <strong>欧莱雅葡萄籽保湿全明星3件套</strong>
                </div>
            </div>
        </div>

        <div class="xl6 xs4 xm20">
            <div class="media media-y clearfix">
                <a href="products/detail-32-16.html"><img src="upfiles/2014-10/201410614543434595.jpg" class="img-responsive border" alt="和田大枣三星红枣"></a>
                <div class="media-body">
                    <strong>和田大枣三星红枣</strong>
                </div>
            </div>
        </div>

        <div class="xl6 xs4 xm20">
            <div class="media media-y clearfix">
                <a href="products/detail-30-17.html"><img src="upfiles/2014-10/20141061413055723.jpg" class="img-responsive border" alt="挂式家用冷暖变频空调"></a>
                <div class="media-body">
                    <strong>挂式家用冷暖变频空调</strong>
                </div>
            </div>
        </div>

        <div class="xl6 xs4 xm20">
            <div class="media media-y clearfix">
                <a href="products/detail-31-18.html"><img src="upfiles/2014-10/201410614415717427.jpg" class="img-responsive border" alt="多芬深层营润滋养美肤沐浴乳"></a>
                <div class="media-body">
                    <strong>多芬深层营润滋养美肤沐浴乳</strong>
                </div>
            </div>
        </div>

    </div>
</div>

